<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]刘晓华-前端开发工程师</title>
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script type="text/javaScript">
        function imgLoading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>

    <header class="header"></header>

    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <!-- <label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label> -->
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <div class="loading">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                    <img class="avatar" src="assets/images/avatar.jpg" onload="imgLoading()"/>
                </section>

                <h1 class="name">刘晓华</h1>
                <!-- <h4 class="info-job">前端开发工程师 / 杭州</h4> -->
                <h4 class="info-job">前端开发工程师</h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>刘晓华 / 男 / 1994.04.06</span>
                    </li>
                    <li>
                        <label>学历</label>
                        <span>大专</span>
                    </li>
                    <li>
                        <label>参加工作时间</label>
                        <span>2015.07</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:13007206801" target="_blank">130-0720-6801</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:1160247310@qq.com" target="_blank">1160247310@qq.com</a>
                    </li>
                    <li>
                        <label>个人网站</label>
                        <a href="https://zhao1345.cn/" target="_blank">zhao1345.cn/</a>
                    </li>
                    <li>
                        <label>码云</label>
                        <a href="https://gitee.com/Hey_men/" target="_blank">https://gitee.com/Hey_men/</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>Vue</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>React</label>
                        <progress value="45" max="100"></progress>
                    </li>
                    <li>
                        <label>框架及插件</label>
                        <span>jQuery,Bootstrap,Layui,MUI,<br/>ElementUI,vant,highChart,<br/>EChart,minemap地图,高德地图等</span>
                    </li>
                </ul>
            </section>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>微信二维码</h2>
                <hr/>
                <img src="assets/images/wx.jpg" style="width: 100%;" alt="">
            </section>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <section class="main">

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>江西信息应用职业技术学院 - 计算机控制专业（大专）</span>
                            <time>2013.9-2016.7</time>
                        </h3>
                        <!-- <p>专业排名
                            <mark>X/XX</mark>，期间发表国内核心期刊文章X篇，三等奖学金X次。</p> -->
                    </li>
                </ul>
            </section>

            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历]赣州尚任电子商务有限公司－前端开发工程师</span>
                            <time>2019.05-至今</time>
                        </h3>
                        <ul class="info-content">
                            <li>担任角色：前端开发</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历]上海云迪信息科技有限公司－前端开发工程师</span>
                            <time>2018.04-2019.05</time>
                        </h3>
                        <ul class="info-content">
                            <li>担任角色：前端开发</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历]富士康科技集团－前端开发工程师</span>
                            <time>2015.07 至 2018.03</time>
                        </h3>
                        <ul class="info-content">
                            <li>担任角色：前端项目小组组长，负责项目需求对接，功能开发</li>
                        </ul>
                    </li>
                </ul>
            </section>

            <!-- 项目经验 -->
            <section class="project info-unit">
                <h2>
                    <i class="fa fa-terminal" aria-hidden="true"></i>项目经验</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[项目名称]粉赞联盟PC+公众号</span>
                            <span class="link">
                                <a href="https://weixin.fenzanwang.com/" target="_blank">Demo</a>
                            </span>
                            <time>2019.03-2019.05</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：html+vue+vue Router+vuex+axios+mui+vant</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作,并用
                                <mark>mui</mark>
                                <mark>vant</mark>框架，
                                <mark>HBuilder</mark> 进行封装打包成app
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]易商慧云</span>
                            <time>2019.11-2020.01</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：html+vue+mui+淘宝开放平台</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                淘客领卷平台，上传自己的打折商品，推广返现<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]尚任官网</span>
                            <span class="link">
                                <a href="https://ec.shangren518.com/" target="_blank">Demo</a>
                            </span>
                            <time>2019.10-2019.11</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：html+vue+vue Router+axios+ElementUI</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                尚任企业官网<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]虔越教育</span>
                            <span class="link">
                                <a href="https://qianyuejiaoyu.com/" target="_blank">Demo</a>
                            </span>
                            <time>2019.08-2019.10</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：html+jquery+angularJs Router</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                帮助中小卖家掌握淘宝规则，培养专业运营，培训抖音，快手等多媒体网红带货的教育平台<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]百万网红秀</span>
                            <span class="link">
                                <a href="https://baiwanxiu.com/" target="_blank">Demo</a>
                            </span>
                            <time>2019.05-2019.08</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：html+jquery+angularJs Router</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                主要针对淘宝，天猫，京东平台，给商家提供优质模特，提高同品类的新品竞争优势，提高商家转化率，项目分商家端以及模特手机端，平台管理端<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]大学生建模大赛</span>
                            <time>2019.03-2019.04</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：html+jquery+layui</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                大赛介绍，报名，个人中心，团队管理，下载资料，上传作品<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]静安区交通信息管理平台</span>
                            <time>2019.02-2019.03</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：angularJs Router+html+jquery+highchart+minemap+bootstrap</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                实时路况，道路养护，公交出行，轨交，出租车，道路停车，公共停车，共享自行车，地图对应数据功能交互，数据聚合，热力图显示，网格数据显示<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作，并用
                                <mark>highchart</mark><mark>minemap</mark> 进行图形化、地图实时数据展示以及实现自动分析功能
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]上海交通出行网</span>
                            <span class="link">
                                <a href="http://www.jtcx.sh.cn/" target="_blank">Demo</a>
                            </span>
                            <time>2018.06-2018.12</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：html+jquery+世纪高通地图</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                驾车出行，公共交通，交通指数，区域客流，专题交通，交通分析，平台介绍<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                同 1 位同事一起
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]seagate希捷服务官微(公众号)</span>
                            <time>2018.07-2019.2</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：layui+html+jquery+wechat接口</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                在线客服，常见问题解答，质保查询，数据恢复，个人中心，产品展示<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                同 1 位同事一起
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]黄浦停车监管（h5app）</span>
                            <time>2019.2-2019.02</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：html+jquery+mui</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                公共停车场，数据录入，停车场点检，道路停车场，数据录入，停车场检查，与黄浦区综合交通指挥管理系统配合，数据显示在该web页面<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作,并用
                                <mark>mui</mark><mark>HBuilder</mark> 进行封装打包成app
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]黄浦区综合交通指挥管理系统</span>
                            <time>2018.11-2019.02</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：angularJs Router+html+jquery+highchart+minemap+bootstrap</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                实时交通，静态交通，公交、轨交，共享单车，诱导板，重点区域等数据报表呈现，地图对应数据功能交互，街道摄像头视频流实时展示<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作，并用
                                <mark>highchart</mark><mark>minemap</mark> 进行图形化、地图实时数据展示以及实现自动分析功能
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]徐汇出行（公众号）</span>
                            <span class="link">
                                <a href="http://live.yun-di.com/xh-html-h5/nav.html" target="_blank">Demo</a>
                            </span>
                            <time>2018.07-2018.11</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：layui+html+jquery+minemap</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                实时路况，道路养护，公交出行，轨交，出租车，道路停车，公共停车，共享停车，诱导屏，充电桩，共享自行车，地图扎点，数据聚合，热力图显示，网格数据显示<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作，并用
                                <mark>minemap</mark> 进行图形化、地图实时数据展示以及实现自动分析功能
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]徐汇区交通信息综合管理平台</span>
                            <time>2018.06-2018.08</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：angularJs Router+html+jquery+highchart+minemap+bootstrap</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                实时交通，静态交通，公交、轨交，共享单车，诱导板，重点区域等数据报表呈现，地图对应数据功能交互<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作，并用
                                <mark>highchart</mark><mark>minemap</mark> 进行图形化、地图实时数据展示以及实现自动分析功能
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]young_360</span>
                            <time>2018.04-2018.12</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：java+jsp+jquery</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                项目展示最新媒体新闻，有文章，视频，活动发布，热搜，后台管理，文章上新，新活动发布，等功能，项目自适应pc,手机等不同分辨率展示方式<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成前端功能
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责前端原型页面开发，功能交互以及数据对接等工作
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]智能看板系统</span>
                            <time>2017.06-2018.03</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：angularJs Router+html+jquery+Axure</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                智能看板系统是一个BI平台，可以将企业现有的数据进行有效的整合。<br/>
                                快速准确地提供报表并提出决策依据。<br/>
                                这个系统提供的BI服务可以生产单个报表链接，容易嵌入到其他的系统中。<br/>
                                根据数据源快速定制dashboard，其中集成highchart、echart、自定义等图表，地图，视频，和3D等不同的呈现方式，可灵活直观的分析数据。<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                同 2 位同事一起
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                完成从
                                <mark>“调研-设计-实现-文档”</mark>，
                                主要负责分析项目需求，功能确认，UI设计，原型交互，以及前端功能开发，数据对接等工作，并用
                                <mark>highchart</mark><mark>echart</mark><mark>three.js</mark> 自定义等图表，地图，视频，和3D等不同的呈现方式，可灵活直观的分析数据。
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]<br/>
                                已向多个系统提供服务，另单独向客户发布一个版本报价120万</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]能源管控系统</span>
                            <time>2016.09-2017.06</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：HTML+jquery+cisco平台+highchart</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                这个项目对用电设备 单/三相电参数进行采集和计算的专用子电表模块，在用电环节进行计量与监测，波峰焊等旧设备改造，实现数据及时分析和策略部署。<br/>
                                应用新技术，打造IoT数字化智慧能源平台，实时监控获取连接网关的耗能情况。
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                独立完成
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                主要负责分析项目需求，功能确认，项目根据思科系统封装函数二次开发，并用
                                <mark>highchart</mark> 进行图形化展示以及实现自动分析功能
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]<br/>
                                替代了厂区内员工每周手抄数据，能耗数据实时呈现，机台供电异常情况以及机器工作状态显示。
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目名称]SMC系统</span>
                            <time>2015.12-2016.07</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：PHP+html+jquery+bootstrap+bootstrap-table+highchart</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]<br/>
                                对使用者最为关心的KPI指标提供直观的视觉化管理，可以对产品良率进行跟踪管理和预警，对库存和出货成状态进行跟踪、预警和管理<br/>
                                对试产机种各个阶段准备情况如料表、缺料CheckList/Deviation/FAI/DFM等关键资料进行追踪、分析和预警，及时推送异常状态咨询到负责人，实现预警和回馈机制。<br/>
                                及时查询产品资讯，预计出货时间<br/>
                                对产线自动化设备进行性能管理，使用情况分析，及时监控，异常预警和消息推送。<br/>
                                提供沟通方式。提高使用者沟通效率和工作效率。<br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]<br/>
                                同 2 位同事一起
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]<br/>
                                <!-- <mark>“调研-设计-实现-文档”</mark> -->
                                主要负责系统原型设计页面编写以及功能开发等工作，并用
                                <mark>bootstrap-table</mark><mark>highchart</mark> 进行图形化、表格化展示以及实现自动分析功能，以及OA审核流程功能
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]<br/>
                                已经推广到了全球foxconn多个site使用</li>
                        </ul>
                    </li>
                </ul>
            </section>

            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
                <hr/>
                <p>为人谦虚谨慎，求知欲望强烈，对待工作负责。<br/>
                    期望自己能够一直保持对知识学习的欲望，以及对生活的热情期盼，
                    <!-- <span class="mark-txt">“多静多思考，反省不张扬”</span> -->
                    鞭策自己做人既不能以己度人，也不以人观己，要脚踏实地做事，坚持自己的梦想和本心。</p>
                <!-- <p>人生就像一场旅行，不必在乎目的地，在乎的只有沿途的风景，以及看风景的心情。</p> -->
            </section>
        </section>
    </article>



    <footer class="footer">
        <p>© 2020 刘晓华.文档最后更新时间为
            <time>2020年05月20日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <!-- <aside>
        <ul>
            <li>
                <a href="https://gitee.com/itsay/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="http://if2er.com/" target="_blank">Blog</a>
            </li>
        </ul>
    </aside> -->

    <script src="./assets/js/index.js"></script>
</body>

</html>